<template>
  <div class="find">
    <!--<div class="head">-->
      <!--&lt;!&ndash;<i class="iconfont head-icon" @click="comeBack()">&#xe689;</i>&ndash;&gt;-->
      <!--亲青筹-->
    <!--</div>-->
    <!--<div class="find-head">-->
        <!--<img src="../../images/findone.jpg"/>-->
    <!--</div>-->
    <div class="vslide">
      <swiper :aspect-ratio="2/5" auto :loop="loop">
        <swiper-item>
          <img src="../../images/findone.png"/>
        </swiper-item>
        <swiper-item>
          <img src="../../images/findtwo.png"/>
        </swiper-item>
      </swiper>
    </div>
    <div class="find-content">
      <router-link to="/findpublic"><div class="find-content-head">
          <i class="iconfont">&#xe61f;</i>
        <!--<img style="margin-top: -2px;width: 40px;" src="../../images/gongyitiandi.png" alt="">-->
        <!--<img style="margin-top: -2px;width: 48px;" src="../../images/findhome01.png" alt="">-->
          公益天地
          <i class="iconfont head-icon">&#xe61a;</i>
      </div></router-link>
      <div class="fint-list">
         <ul>
           <router-link to="/findcount"><li class="find-border-one leftli lifirst">
              <i class="iconfont head-icon">&#xe621;</i>
             <!--<img style="margin-top: 18px;width: 30px;" src="../../images/juanzengtongji.png" alt="">-->
              <p>捐赠统计</p>
           </li></router-link>
           <li class="rightli lisecond" @click="goGongyiyimai">
              <i class="iconfont head-icon">&#xe61d;</i>
             <!--<img style="margin-top: 20px;width: 33px;" src="../../images/gongyiyimai.png" alt="">-->
              <p>公益义卖</p>
           </li>
           <router-link to="/findrank"><li class="leftli lithree">
              <i class="iconfont head-icon">&#xe61e;</i>
             <!--<img style="margin-top: 18px;width: 30px;" src="../../images/juanzengpaiming.png" alt="">-->
              <p>捐赠排名</p>
           </li></router-link>
           <router-link to="/findmessage"><li class="rightli lifouth">
              <i class="iconfont head-icon">&#xe622;</i>
             <!--<img style="margin-top: 21px;width: 40px;" src="../../images/xinxigongkai.png" alt="">-->
             <p>信息公开</p>
           </li></router-link>
         </ul>
      </div>
    </div>
    <div class="find-footer">
       <img src="../../images/find-log.png"/>
    </div>
    <nav-bottom></nav-bottom>
  </div>
</template>

<script src="./findhome.js"></script>
